html,
body,
header,
.view
    height 100%
    overflow-wrap break-word

body
    background-color $body-bg-color
    color $text-color
    a
        color $link-color
        &:hover
            color $link-hover-color

.hover-with-bg
    display inline-block
    padding: .45rem
    &:hover
        background-color $link-hover-bg!important

.board
    position relative
    margin-top -3rem
    background-color $board-bg-color
    border-radius 0.5rem
    z-index 3

@media (max-width: 768px)
    header
        .h2
            font-size 1.5rem
    .nopadding-md
        padding-left 0 !important
        padding-right 0 !important

.row
    padding-top 0.5rem
    padding-bottom 0.5rem

#local-search-result
    .search-list-title
        border-left 3px solid #0d47a1
    .search-list-content
        padding 0 1.25rem

// Rewrite github-markdown.css

.markdown-body hr
    height .2em
    margin 2rem 0

// Rewrite mdb.css

.list-group-item
    border 0

.page-link
    font-size 1.1rem

// Navbar

.navbar
    background-color transparent
    font-size 0.875rem
    color $navbar-text-color
    a
        color $navbar-text-color
        &:hover
            background-color rgba(0,0,0,0.1)

.navbar-custom
    color $navbar-text-color
    a
        color $navbar-text-color

.top-nav-collapse
    background-color $navbar-bg-color

.navbar-col-show
    background-color $navbar-bg-color

@media (max-width: 768px)
    .navbar
        font-size 1rem
        line-height 2.5rem

.animated-icon
    width 30px
    height 20px
    position relative
    margin 0
    -webkit-transform rotate(0deg)
    -moz-transform rotate(0deg)
    -o-transform rotate(0deg)
    transform rotate(0deg)
    -webkit-transition .5s ease-in-out
    -moz-transition .5s ease-in-out
    -o-transition .5s ease-in-out
    transition .5s ease-in-out
    cursor pointer
    span
        display block
        position absolute
        height 3px
        width 100%
        border-radius 9px
        opacity 1
        left 0
        -webkit-transform rotate(0deg)
        -moz-transform rotate(0deg)
        -o-transform rotate(0deg)
        transform rotate(0deg)
        -webkit-transition .25s ease-in-out
        -moz-transition .25s ease-in-out
        -o-transition .25s ease-in-out
        transition .25s ease-in-out
        background #ffffff
        &:nth-child(1)
            top 0
        &:nth-child(2)
            top 10px
        &:nth-child(3)
            top 20px
    &.open
        span
            &:nth-child(1)
                top 11px
                -webkit-transform rotate(135deg)
                -moz-transform rotate(135deg)
                -o-transform rotate(135deg)
                transform rotate(135deg)
            &:nth-child(2)
                opacity 0
                left -60px
            &:nth-child(3)
                top 11px
                -webkit-transform rotate(-135deg)
                -moz-transform rotate(-135deg)
                -o-transform rotate(-135deg)
                transform rotate(-135deg)

//users custom
::-webkit-scrollbar
   width 6px
   height 10px
   background-color rgba(0, 0, 0, 0)

::-webkit-scrollbar-track
   background-color rgba(0, 0, 0, 0.05)

::-webkit-scrollbar-thumb
   background-color rgba(0, 0, 0, 0.2)

::-webkit-scrollbar-thumb:hover
   background-color #5e72e4
